@import url("~assets/less/index.less");
@import url("~assets/less/vant-form.less");
.daytime {
  background: #fff;
  color: black;
}
.active1{
  background: #121212;color:#fff;
}
.darknight {
  background: #191B27!important;
  color:#fff;

}
.dark_li_color {
  background-color: #121212!important;color: #fff!important;
}
.white{color:#fff!important;}
.lockup_mod {

  &_box {
    background-color: #F3F3F3;
    padding-bottom: 1px;

    &>div {
      margin-bottom: 12px;
    }

    &_desc {
      background-color: #EE3E57;
      border-radius: 0 0 24px 24px;
      padding: 0 32px;

      p {
        text-align: center;

        &:first-child {
          padding: 16px 0;
          font-size: 24px;
          font-family: Roboto-Medium, Roboto;
          font-weight: 500;
          color: #FFFFFF;
        }

        &:nth-child(2) {
          font-size: 14px;
          font-family: Roboto-Regular, Roboto;
          font-weight: 400;
          color: #FFFFFF;
          padding-bottom: 32px;
        }
      }
    }

    .common {
      margin: 12px;
      background-color: @white;
      border-radius: 8px;
    }

    &_denman {
      height: 221px;

      .top {
        display: flex;
        padding: 24px 12px;

        &>div {
          flex: 1;
          text-align: center;

          h2 {
            font-size: 16px;
            font-family: Roboto-Medium, Roboto;
            font-weight: 600;
            color: #1A1A1A;
          }

          span {
            font-family: Roboto-Regular, Roboto;
            font-weight: 400;
            color: #878999;
          }
        }
      }

      .bottom {
        display: flex;

        &>div {
          flex: 1;
          padding: 0 16px;
          text-align: center;

          img {
            width: 48px;
            height: 48px;
          }

          p {
            line-height: 14px;
            margin-top: 8px;
            font-family: Roboto-Regular, Roboto;
            color: #878999;
          }
        }
      }
    }

    &_introduce {
      padding: 10px;

      h2 {
        font-size: 14px;
        font-family: Roboto-Medium, Roboto;
        font-weight: 600;
        color: #1A1A1A;
        margin-bottom: 10px;
      }

      p {
        color: #878999;
        line-height: 15px;
      }
    }

    &_participate {
      background-color: @white;
      padding: 12px;

      .van-button {
        font-family: Roboto-Medium, Roboto;
      }
    }
  }
}